<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<link rel="stylesheet" href="css/clearCss.css">
<link rel="stylesheet" href="css/new.css">
<body>
    <div class="topbar">
        <div class="logo">
            <img src="./img/dl_logo.png" alt="鼎力互联网软件">
        </div>
        <div class="topbar-nav">
            <ul class="nav">
                <li><a class="first-a">首页</a></li>
                <li><a>产品</a></li>
                <li><a>服务</a></li>
                <li><a>例案</a></li>
                <li><a>联系</a></li>
                <li><img src="./img/fdj.png" alt="查找"></li>
            </ul>
        </div>
    </div>
    <div class="adv-picture">
        <img src="./img/banner6.jpg" alt="">
    </div>

    <div class="content">
        <div class="content-nav">
            <ul>
                <li>企业新闻</li>
                <li>媒体报道</li>
                <li>其他动态</li>
            </ul>
        </div>
        <hr class="nav-hr"/>
        <div class="content-box">
            <ul>
                <li>
                    <div>
                        <img src="./img/news1.jpg" alt="">
                    </div>
                    <div class="article-title">
                        <span class="title">中科汇联受邀进校园，小学生玩起机器人</span>
                        <span class="day">2018-03-25</span>
                        <span class="text">区别于填鸭式的说教，当科技走进校园，走进一群充满好奇心的小学生身边，让他们近距离的体验科技的神奇与其背后的故事，会是一副什么样的情景呢?</span>
                        <input type="button" value="查看详情+" class="see">
                    </div>
                  
                </li>
                <li>
                    <div>
                        <img src="./img/news2.png" alt="">
                    </div>
                    <div  class="article-title">
                        <span class="title">一本正经地胡说八道互联网公司愚人节黑科技逗你玩</span>
                        <span class="day">2018-03-25</span>
                        <span class="text">每年一到愚人节，各大互联网公司都玩得很嗨，推出描述得煞有介事、难辨真假的各种产品，今年也不例外。今天，大家就跟爱客服一起来看看今年互联网公司的愚人节“黑科技”吧!</span>
                        <input type="button" value="查看详情+" class="see">
                    </div>
                </li>
                <li>
                    <div>
                        <img src="./img/news3.png" alt="">
                    </div>
                    <div class="article-title">
                        <span class="title">全球最尖端智能SUV是如何炼成的揭秘特斯拉Model X机器人生成过程</span>
                        <span class="day">2018-03-25</span>
                        <span class="text">
                            毋庸置疑，特斯拉电动汽车就是汽车界的苹果，从全球首款豪华电动跑车，到汽车的直销模式从全球最大汽车电动工厂，到90秒换电池大法;这个来自硅谷的汽车门外汉从一开始就以颠覆者的姿态出现，一跃成为全球电动汽车行业的领军者。
                        </span>
                        <input type="button" value="查看详情+" class="see">
                    </div>
                </li>
                <li>
                    <div>
                        <img src="./img/news4.png" alt="">
                    </div>
                    <div  class="article-title">
                        <span class="title">都说阅读改变人生，看到这儿不得不信了</span>
                        <span class="day">2018-03-25</span>
                        <span class="text">                            
                            从小到大，“饱受”九年义务教育“摧残”的我们就被老师们教导要多读书，读好书，也在老师的“助力“下读了不少书和文章，大多数的我们看了太多的鸡汤励志文章，也对人生充满了希望，然而最终决定我们出路的往往是硬性的考试
                        </span>
                        <input type="button" value="查看详情+" class="see">
                    </div>
                </li>
            </ul>
        </div>
        <div class="button-group">
            <div class="button">
                <input type="button" value="首页"/>
                <input type="button" value="上一页"/>
                <input type="button" value="1"/>
                <input type="button" value="2"/>
                <input type="button" value="下一页"/>
                <input type="button" value="末页" class="last-button"/>
            </div>
        </div>
        
    </div>

    <div class="end-box">
        <div class="foot">
            <div>
                <ul>
                    <li  class="first-li">产品</li>
                    <li>产品介绍</li>
                    <li>产品优势</li>
                </ul>
                <ul>
                    <li  class="first-li">服务</li>
                    <li>产品手册</li>
                    <li>服务理念</li>
                    <li>服务协议</li>
                    <li>法律声明</li>
                </ul>
                <ul>
                    <li  class="first-li">案例</li>
                    <li>客户案例</li>
                    <li>合作伙伴</li>
                </ul>
                <ul>
                    <li  class="first-li">新闻</li>
                    <li>产品动态</li>
                    <li>媒体报道</li>
                    <li>其他动态</li>
                </ul>
                <ul>
                    <li  class="first-li">联系</li>
                    <li>客服热线：400-777-9908</li>
                    <li>邮箱：hezuo@ciopaas.com</li>
                    <li>周一至周日9:00-18：00</li>
                </ul>
                
            </div>
            <div class="right-box">
                <div class="box">
                    <img src="./img/dl2.png" alt="">
                    <span>专注于营销与客服的智能语音机器人 </span>
                </div>
            </div>
            <div class="copy">
                <span>&copy; 2017-2018广州鼎力互联网软件服务有限公司版权所有粤ICP备18046524技术支持:企泰科技</span>
                <div class="app-logo">
                    <ul>
                        <li>
                            <img src="./img/wx.png" alt="">
                        </li>
                        <li>
                            <img src="./img/wb.png" alt="">
                        </li>
                        <li>
                            <img src="./img/xf.png" alt="">
                        </li>
                        <li>
                            <img src="./img/share.png" alt="">
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</body>
</html>